<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/templates/default.xhtml">
	<ui:define name="content">
		<p:tabView id="tabProyeccion" styleClass="tabAvance">
			<p:tab title="Consulta Ventas" id="tabTablaProyeccion"
				titleStyleClass="titleTab">
				<p:panel id="panel" styleClass="pageMenu">
					<div id="pageMenu">
						<div id="contenidoPage">
							<p:dialog header="Procesar Archivo Ventas" widgetVar="editObject"
								modal="true" appendTo="@(body)" >
								<ui:include
									src="/pages/ventas/subir_ventas.xhtml"></ui:include>
							</p:dialog>
							<h:form>
								 #{controlesSeguridadMBean.init("consultaventas")}
								<p:panel styleClass="controles controlesOptions"
									rendered="#{!controlesSeguridadMBean.viewModulos}">
									<div>
										<h:outputLabel style="width: 67px;" value="Periodo"
											for="idPeriodo" />
										<p:selectOneMenu id="idPeriodo" style="margin-top: -5px;"
											value="#{consultaVentasMBean.periodoDefault}">
											<f:selectItem itemLabel="- Periodo -" itemValue="0" />
											<f:selectItems value="#{consultaVentasMBean.listaPeriodos}"
												var="itemPeriodo" itemLabel="#{itemPeriodo.descripcion}"
												itemValue="#{itemPeriodo.id}" />
										</p:selectOneMenu>
									</div>
									<div style="margin-top: -5px;">
										<div class="inputSearch">
											<p:inputText placeholder="Buscar"
												value="#{consultaVentasMBean.txtBuscar}"
												style="border-radius: 0px;" />
										</div>
										<div class="inputImage">
											<p:commandButton
												actionListener="#{consultaVentasMBean.inicializar()}"
												styleClass="commanButtom" icon="search" title="Icon Only"
												update=":tabProyeccion:frmPageMantenimiento:frmListaItem" />
										</div>
									</div>
								</p:panel>
							</h:form>
							<h:form id="frmPageMantenimiento">

								<p:panel id="controles" styleClass="controles"
									rendered="#{!controlesSeguridadMBean.viewModulos}">
									<p:commandLink id="buttomUpload"
										oncomplete="PF('editObject').show()"
										rendered="#{!controlesSeguridadMBean.updateModulos}">
										<h:graphicImage value="/resources/img/upload.png"
											styleClass="efectButtom" />
									</p:commandLink>
									<p:commandLink id="buttomUpdateTable"
										actionListener="#{consultaVentasMBean.inicializar()}"
										rendered="#{!controlesSeguridadMBean.viewModulos}">
										<h:graphicImage value="/resources/img/update.png"
											styleClass="efectButtom" />
									</p:commandLink>
									<p:confirmDialog global="true" showEffect="fade">
										<p:commandButton value="Si" type="button"
											styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
										<p:commandButton value="No" type="button"
											styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
									</p:confirmDialog>
								</p:panel>

								<h:panelGrid columns="2" cellpadding="10">
									<h:outputText rendered="#{controlesSeguridadMBean.viewModulos}"
										value="No tiene Permisos para visualizar la lista" />
								</h:panelGrid>

								<p:dataTable id="frmListaItem"
									rendered="#{!controlesSeguridadMBean.viewModulos}"
									var="producto" value="#{consultaVentasMBean.listaVentas}"
									paginator="true" rows="10"
									paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
									rowsPerPageTemplate="5,10,15" styleClass="formAddModulos"
									emptyMessage="No se Econtro Datos">

									<p:column headerText="Item."
										sortBy="#{producto.detalleVentaId}">
										<h:outputText value="#{producto.detalleVentaId}" />
									</p:column>
									<p:column headerText="Cod. Vendedor"
										sortBy="#{producto.codigoVendedor}">
										<h:outputText value="#{producto.codigoVendedor}" />
									</p:column>
									<p:column headerText="RUC/DNI" sortBy="#{producto.numDoc}">
										<h:outputText value="#{producto.numDoc}" />
									</p:column>
									<p:column headerText="Cod.local" sortBy="#{producto.codLocal}">
										<h:outputText value="#{producto.codLocal}" />
									</p:column>
									<p:column headerText="Fecha Venta"
										sortBy="#{producto.fechaVenta}">
										<h:outputText value="#{producto.fechaVenta}" />
									</p:column>
									<p:column headerText="Num. Lote" sortBy="#{producto.numLote}">
										<h:outputText value="#{producto.numLote}" />
									</p:column>
									<p:column headerText="Num. Documento"
										sortBy="#{producto.numDocumento}">
										<h:outputText value="#{producto.numDocumento}" />
									</p:column>
									<p:column headerText="Producto" sortBy="#{producto.producto}">
										<h:outputText value="#{producto.producto}" />
									</p:column>
									<p:column headerText="Unidades" sortBy="#{producto.cantidad}">
										<h:outputText value="#{producto.cantidad}" />
									</p:column>
									<p:column headerText="Sub-Total" sortBy="#{producto.subtotal}">
										<h:outputText value="#{producto.subtotal}" />
									</p:column>
									<p:column headerText="Total" sortBy="#{producto.total}">
										<h:outputText value="#{producto.total}" />
									</p:column>
								</p:dataTable>
							</h:form>
						</div>
					</div>
				</p:panel>
			</p:tab>
		</p:tabView>
	</ui:define>
</ui:composition>
</html>